<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>cookie 初始</title>
</head>
<body>
    <div>
        cookie === 饼干 
    </div>

    <script>
    // 无法存储 
    var username = "zuozuomu"
    document.onclick = function(){
        username = "wuhan2107"
    }
    //  服务器 
    //  服务器的 数据交互  
    //  前端 + 后端 联合的开发  
    //  前端 ajax +  cookie
    //  后端 php  +  mysql 

    //  什么是 cookie
    //  Cookie 会话跟踪技术  实际上就是在硬盘存储一个文件文本   该文件用来存储一些客户端数据
    //  cookie 是浏览器 为了 标识用户身份  或者 长时间存储一些信息  而保存在用户本地的数据(其本质是 为了提升用户体验  而存储来用户本地的数据)  username phone 

    // 如何查看 cookie ?
    // 1. 通过地址栏提供的工具进行查找  https://www.taobao.com/
    // 地址栏  --->  (锁或者感叹号) 查看网站信息  -->  cookie   --> taobao.com   

    // 2. 借助  document.cookie  查看所有的 cookie 

    // 特点: 
    // - cookie 的存取都依赖于 document.cookie   (类型  字符串类型)
    // - cookie 存储的时候是一条一条的的存的
    // - cookie 可以设置存储路径 path   和  过期时间(默认浏览器关闭 过期)


    // 操作 cookie  增删改查 

    </script>
</body>
</html>